<script setup lang="ts">
import { onLoad } from '@dcloudio/uni-app'

// 动态显示导航栏
const query = defineProps<{
  title: string
}>()
uni.setNavigationBarTitle({ title: query.title })

// 跳转数据
const aboutUsList = [
  // { title: '经营证照', url: '/pagesMy/userAgreement/businessLicense', icon: 'icon-right' },
  { title: '用户协议', url: '/pagesMy/userAgreement/userAgreement', icon: 'icon-right' },
  { title: '隐私政策', url: '/pagesMy/userAgreement/PrivacyPolicy', icon: 'icon-right' },
]
</script>

<template>
  <view class="aboutUs">
    <view class="navigatorAndIcon" v-for="item in aboutUsList" :key="item.title">
      <navigator class="navigator" :url="item.url" hover-class="none"
        >{{ item.title }} <text class="iconfont" :class="item.icon"></text
      ></navigator>
    </view>
    <view class="corporation"> <text>杭州约饭派科技有限公司</text> </view>
  </view>
</template>

<style lang="scss">
page {
  background-color: #f5f5f5;
}
.aboutUs {
  width: 100%;
  .logo {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    width: 182rpx;
    height: 180rpx;
    margin: 88rpx auto 0;
    .logoPng {
      width: 128rpx;
      height: 114rpx;
    }
    .logoText {
      width: 182rpx;
      height: 62rpx;
    }
  }
  .tetx {
    width: 100%;
    text-align: center;
    font-size: 28rpx;
    color: #00000080;
    margin: 34rpx 0 58rpx 0;
  }
  .navigatorAndIcon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28rpx 40rpx 28rpx 36rpx;
    margin: 0 24rpx 20rpx;
    color: #000000e5;
    font-size: 28rpx;
    border-radius: 16rpx;
    background-color: #fff;
    .navigator {
      position: relative;
      width: 702rpx;
      .iconfont {
        position: absolute;
        top: 6rpx;
        right: 0;
        font-size: 28rpx;
      }
    }
  }
  .corporation {
    position: absolute;
    font-size: 24rpx;
    color: #00000080;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    bottom: 76rpx;
  }
}
</style>
